/**
 * Created by lihao on 2017/8/11.
 */
$(function(){
    //编辑器
    ue = UE.getEditor('container', {
        initialFrameHeight: 650
    });
    editor = UE.getEditor('container', {});
    editor.addListener('ready', function() {
        editor.setContent('', true);
    });
    $(document).on("click", '.to-editor li', function() {

        //若是图片替换路径，其他正常
        if ($(this).closest('ul').hasClass('con-pic-list')) {
            var url = $(this).find('.editor img').attr('original'),
                html = '<img src="'+ url +'">';

        }else{
            var html = $(this).find('.editor').html();
        }

        //模板的话替换编辑框内容
        if ($('.con-list').hasClass('con-tpl-list')) {
            editor.setContent('<section class="editor">' + html + '</section><p><br/></p>');
        }
        //普通情况添加在在鼠标焦点处
        else{
            editor.focus();
            editor.execCommand('inserthtml', '<section class="editor">' + html + '</section>');
        }
    });
    //颜色更换
    $('#colorCheck label').click(function() {
        $(this).find('span').toggleClass('checked');
        $(this).find('i').toggleClass('active');
    });
    //颜色拾取器
    $('.colorPicker').colorPicker({});
    //颜色列表
    $(document).on('click', '.colors-list li', function() {
        $(this).addClass('active').siblings().removeClass('active');
        var val = $('#colorCheck').find('span.checked').attr('data-value');
        var $topBd,
            $iframeBd = $(document.getElementById('ueditor_1').contentWindow.document.body);
        if($('#mci').hasClass('checked')){
            $topBd = $(".content-l-box .con-box");
            parseObject($topBd, $(this).attr('color'), "#fff");
        }
        if($('#sci').hasClass('checked')){
            $topBd = $iframeBd.find(".editor.selected");
            parseObject($topBd, $(this).attr('color'), "#fff");
        }
        if($('#eci').hasClass('checked')){
            $topBd = $iframeBd;
            parseObject($topBd, $(this).attr('color'), "#fff");
        }
    });
    //手动输入颜色
    $(document).on('blur', '.colorPicker', function() {
        var valrgb = $('.colorPicker').prop('value').colorRgb();
        $('.colorPicker').css({'background-color': valrgb});
        // alert(valrgb);
        var $topBd,
            $iframeBd = $(document.getElementById('ueditor_1').contentWindow.document.body);
        if($('#mci').hasClass('checked')){
            $topBd = $(".content-l-box .con-box");
            parseObject($topBd, valrgb, "#fff");
        }
        if($('#sci').hasClass('checked')){
            $topBd = $iframeBd.find(".editor.selected");
            parseObject($topBd, valrgb, "#fff");
        }
        if($('#eci').hasClass('checked')){
            $topBd = $iframeBd;
            parseObject($topBd, valrgb, "#fff");
        }
    });

    // 清空
    $("._empoty").click(function() {
        if (editor.getContentTxt().length == 0 && editor.getContent() == '') {
            layer.msg('没有需要清空的内容');
            return;
        }
        layer.confirm('确定要清空编辑器的内容吗？', {
            btn: ['确定', '取消'] //按钮
        }, function() {
            editor.setContent('');
            layer.msg('已经清空', {
                icon: 1
            });
            editor.setContent('');
        }, function() {
            ""
        });
    });

    // 预览
    //编辑器预览
    $('._look').on('click', function() {
        if (editor.getContent().length == 0) {
            layer.msg('没有可预览的内容');
        } else {
            var html = editor.getContent();
            $('.preview-content').html(html);
            $('.phone-view').show();
        }
    });
    //关闭预览
    $('#phone-close').on('click', function() {
        $('.phone-view').hide();
    });


    //左边菜单
    //一级菜单




    function getMenu(dd) {
        var mode=dd.attr('mode');
        $.getJSON(appPath+'ueditor/jsp/styles.jsp?type='+dd.attr("type"),function (data) {
            var html='<ul class="screen-box clearfix">';
            if(mode==0){
                for(var i=0;i<data.length;i++){
                    var rec=data[i];
                    html+='<li class="wheres '+((i==0)?'active':'')+' menuSelect" >';
                    html+=rec.name;
                    html+='<div class="down-list">';
                    html+='<p>';
                    var datad=rec.data;
                    for(var j=0;j<datad.length;j++){
                        html+='<span class="wheres" h="'+datad[j].html+'">'+datad[j].name+'</span>';
                    }
                    html+='</p></div></li>';
                }
                getBar(data[0].data[0].html);
            }else if(mode==1){
                for(var i=0;i<data.length;i++){
                    var rec=data[i];
                    html+='<li h="'+rec.html+'" class="wheres '+((i==0)?'active':'')+' " >'+rec.name+'</li>';
                }
                getBar(data[0].html);
            }

            html+='</ul>';
            $('#tab_item').html(html);


        });
    }
    function getBar(url) {
        $('#choice').load(appPath+'ueditor/'+url);
    }
    $('.tab-wrap dl').not('.edit-partner').find('dt').click(function() {
        if ($(this).hasClass('wdl2')) {
            return;
        }
        $(this).closest('dl').addClass('active').siblings().removeClass('active');
        $('.tab-wrap dd').removeClass('active');
        $(this).next('dd').addClass('active').closest('dl').addClass('active').siblings().removeClass('active');
        if ($(this).next('dd').length) {
            getMenu($(this).next('dd'));
        } else {
        }

    });
    //二级菜单
    $('.tab-wrap dl').not('.edit-partner').find('dd').click(function() {
        $(this).addClass('active').siblings().removeClass('active');
        getMenu($(this));
    });
    //筛选
    $(document).on('click', '.wheres', function(event) {
        if ($(this).attr('type') == 'button') {
        } else {
            //加载数据
            getBar($(this).attr("h"))
            //筛选状态显示
            $('.screen-box .wheres').removeClass('active');
            if ($(this).context.nodeName == 'LI') {
                $(this).addClass('active').find('.down-list span:first').addClass('active');
            } else {
                $(this).addClass('active').closest('li').addClass('active');
                event.stopPropagation();
            }
        }
    });
    getMenu($('.tab-wrap dl dd:first'));

});